.index-content {
  padding-top: 74px; /* 适配搜索栏高度 */
  padding-bottom: 100px;
}

.custom-swiper {
  margin-bottom: 20px;
}

.seckill-container {
  margin-bottom: 20px;
}

/* 顶部导航栏 */
.jd-top-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 100rpx;
  padding: 0 20rpx;
  border-bottom: 1px solid #f0f0f0;
}
.jd-nav-tabs {
  display: flex;
  align-items: center;
}
.jd-nav-tab {
  color: #222;
  font-size: 30rpx;
  margin-right: 28rpx;
  padding: 0 10rpx;
  border-radius: 10rpx;
  transition: background 0.2s, color 0.2s;
}
.jd-nav-tab.active {
  font-size: 34rpx;
  border-bottom: 4rpx solid #ff2d2d;
  background: #fff0f0;
  color: #ff2d2d;
  border-radius: 12rpx 12rpx 0 0;
}
.jd-nav-tab.highlight {
  background: #ffe300;
  color: #222;
  border-radius: 10rpx;
}
.jd-avatar-box {
  width: 72rpx;
  height: 72rpx;
  border-radius: 50%;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jd-avatar {
  width: 64rpx;
  height: 64rpx;
  border-radius: 50%;
}

/* 搜索栏 */
.jd-search-bar {
  display: flex;
  align-items: center;
  background: #f7f7f7;
  padding: 16rpx 24rpx;
  position: relative;
  margin-top: 2rpx;
  margin-bottom: 8rpx;
  border-radius: 32rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
}
.jd-search-input {
  flex: 1;
  height: 64rpx;
  border-radius: 32rpx;
  background: #fff;
  border: 2rpx solid #eee;
  color: #222;
  font-size: 30rpx;
  padding: 0 28rpx;
  margin-right: 16rpx;
}
.jd-search-camera {
  width: 40rpx;
  height: 40rpx;
  margin-right: 16rpx;
  filter: grayscale(0.5);
}
.jd-search-btn {
  background: #ff2d2d;
  color: #fff;
  border-radius: 28rpx;
  font-size: 30rpx;
  padding: 0 32rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 推荐Tab */
.jd-recommend-tabs {
  display: flex;
  flex-direction: row;
  background: #fff;
  padding: 0 18rpx;
  height: 64rpx;
  align-items: center;
  margin-bottom: 6rpx;
}
.jd-recommend-tab {
  color: #222;
  font-size: 26rpx;
  margin-right: 32rpx;
  padding: 0 8rpx;
  border-radius: 8rpx;
  background: #f7f7f7;
}

/* 分类导航 */
.jd-category-nav {
  display: flex;
  flex-direction: row;
  background: #fff;
  padding: 18rpx 0 10rpx 18rpx;
  height: 110rpx;
  align-items: center;
}
.jd-category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 36rpx;
}
.jd-category-icon {
  width: 48rpx;
  height: 48rpx;
  margin-bottom: 8rpx;
}
.jd-category-label {
  color: #444;
  font-size: 22rpx;
}

/* Banner轮播 */
.jd-banner-swiper {
  width: 100vw;
  height: 280rpx;
  margin: 0 auto 10rpx auto;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.jd-banner-img {
  width: 92vw;
  height: 260rpx;
  border-radius: 20rpx;
  margin: 0 2vw;
  object-fit: cover;
  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
}

/* 宫格商品区 */
.jd-grid-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18rpx;
  padding: 16rpx 10rpx 0 10rpx;
  background: #fff;
}
.jd-grid-item {
  background: #fff;
  border-radius: 18rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
  padding: 10rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  margin-bottom: 2rpx;
  border: 1px solid #f0f0f0;
}
.jd-grid-img {
  width: 100%;
  height: 120rpx;
  border-radius: 12rpx;
  margin-bottom: 8rpx;
  background: #f7f7f7;
}
.jd-grid-info {
  display: flex;
  align-items: center;
  margin-bottom: 8rpx;
}
.jd-grid-title {
  color: #222;
  font-size: 24rpx;
  font-weight: 500;
  margin-right: 12rpx;
}
.jd-grid-tag {
  background: #ffe300;
  color: #222;
  font-size: 18rpx;
  border-radius: 6rpx;
  padding: 0 8rpx;
  margin-left: 4rpx;
}
.jd-grid-price {
  color: #ff2d2d;
  font-size: 26rpx;
  font-weight: bold;
  margin-top: 2rpx;
}

.jd-index-container {
  background: #fff;
  min-height: 100vh;
}
.jd-content-area {
  padding-bottom: 120rpx;
  background: #fff;
}

/* mock内容区样式 */
.jd-tab-mock {
  color: #888;
  font-size: 32rpx;
  text-align: center;
  padding: 80rpx 0 120rpx 0;
}
